WordPress添加Fancybox的简单方法 | 您所在的位置:网站首页 › fancy word › WordPress添加Fancybox的简单方法 |
Fancybox可以用来展示图片,视频、PDF、Word、Excel、Powerpoint等各种内容,本文介绍一个简单的给WordPress添加Fancybox的方法,借助插件ARI Fancy Lightbox,既能自动将链接转换为fancybox,也能通过给链接添加class的方法手动控制,非常简单实用。 ARI Fancy Lightbox如何使用启用插件后,在后台菜单里找到ARI Fancy Lightbox这一项,点进去就是它的设置界面,有五个选项卡,前三个比较有用: Integration – 控制自动转换哪些链接 Lightbox – 控制lightbox行为 Style – 控制lightbox样式![]() 自动转换 如果你想将所有链接都转化成lightbox,在Intergration选显卡下就根据需要勾选【Convert xxx】的选项,省心省力。 手动转换 不要勾选各种【Convert xxx】,在编辑内容时,给链接添加一个class,名为ari-fancybox或者ari-fancybox-iframe,所有带有这个class的链接都会使用fancybox打开,非常方便,举几个例子。 1. 图片 ![]() 2.Youtube视频 youtube3.PDF文档 Sample pdf4.Word文档 Sample.docx这里使用的是fancybox打开iframe的方式,https://view.officeapps.live.com/op/view.aspx?src=[encodedURL]是一个在线的Microsoft文档查看器,只需要在src后面写上文件的url就行,url要encode。 ARI Fancy Lightbox的效果首先可以看看官方提供的demo。 接下来重点看一下PDF和Word文档效果就可以了,其它的很常见。 PDF Viewer ![]() Word Viewer ![]() |
CopyRight 2018-2019 实验室设备网 版权所有 |